html {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  min-width: 1020px;
  height: 100%;
}

body {
  border: 0;
  padding: 0;
  margin: 0;
  height: 100%;
}

.so_middle {
  width: 80%;
  min-width: 1000px;
  max-width: 1200px;
}

.cc-display {
  /*居中*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.ce-display {
  /*水平居中，垂直底部*/
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.cs-display {
  /*水平居中，垂直顶部*/
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.sc-display {
  /*水平左对齐，垂直居中*/
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.ss-display {
  /*水平左对齐，垂直顶部*/
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.se-display {
  /*水平左对齐，垂直底部*/
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.es-display {
  /*水平右对齐，垂直顶部*/
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.ec-display {
  /*水平右对齐，垂直居中*/
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.moreinfo {
  /* 保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格 */
  white-space: nowrap;
  /* 隐藏超出单元格的部分 */
  overflow: hidden;
  /* 将被隐藏的那部分用省略号代替 */
  text-overflow: ellipsis;
}

.border-none {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clear-float {
  clear: both;
  height: 0;
}

.two-ends {
  text-align-last: justify;
  text-align: justify;
  text-justify: distribute-all-lines;
}

.moreinfo1 {
  text-overflow: -o-ellipsis-lastline;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}

.moreinfo2 {
  text-overflow: -o-ellipsis-lastline;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.moreinfo4 {
  text-overflow: -o-ellipsis-lastline;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
}

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 10px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #9f9f9f;
}

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
  /* border-radius: 10px; */
  background: #ededed;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.font26b {
  font-size: 26px;
  color: #99A2AA;
  letter-spacing: 1px;
  font-weight: 600;
}

.font24a {
  font-size: 24px;
  color: #000;
}

.font24b {
  font-size: 24px;
  color: #fff;
  letter-spacing: 3px;
}

.font24c {
  font-size: 24px;
  color: #585f69;
  letter-spacing: 1px;
}

.font24d {
  font-size: 24px;
  color: #111;
  letter-spacing: 3px;
}

.font22b {
  font-size: 22px;
  color: #99A2AA;
  letter-spacing: 1px;
  font-weight: 600;
}

.font22c {
  font-size: 22px;
  color: #707070;
  letter-spacing: 5px;
  font-weight: 400;
}

.font20a {
  font-size: 20px;
  color: #000;
}

.font20b {
  font-size: 20px;
  color: #585f69;
  letter-spacing: 15px;
  font-weight: 800;
}

.font20c {
  font-size: 20px;
  color: #fff;
  letter-spacing: 10px;
  font-weight: 800;
}

.font20d {
  font-size: 20px;
  color: #ff5c7c;
  letter-spacing: 2px;
}

.font20e {
  font-size: 20px;
  color: #313131;
  letter-spacing: 2px;
  font-weight: 800;
}

.font20f {
  font-size: 20px;
  color: #7F7F8C;
  letter-spacing: 10px;
  font-weight: 600;
}

.font20g {
  font-size: 20px;
  color: #7F7F8C;
  letter-spacing: 10px;
  font-weight: 200;
}

.font18a {
  font-size: 18px;
  color: #000;
}

.font18b {
  font-size: 18px;
  color: #99a2aa;
  letter-spacing: 1px;
  font-weight: 600;
}

.font18c {
  font-size: 18px;
  color: #666;
  font-weight: 600;
}

.font18d {
  font-size: 18px;
  color: #666;
  font-weight: 400;
}

.font16a {
  font-size: 16px;
  color: #000;
}

.font16b {
  font-size: 16px;
  color: #fff;
  letter-spacing: 2px;
}

.font16c {
  font-size: 16px;
  color: #585f69;
  letter-spacing: 2px;
}

.font16d {
  font-size: 16px;
  color: #99a2aa;
  letter-spacing: 2px;
  font-weight: 600;
}

.font16e {
  font-size: 16px;
  color: #ff5c7c;
  letter-spacing: 1px;
  font-weight: 600;
}

.font16f {
  font-size: 16px;
  color: #805815;
  letter-spacing: 1px;
}

.font16g {
  font-size: 16px;
  color: #111;
  letter-spacing: 1px;
}

.font16h {
  font-size: 16px;
  color: #7f7f8c;
  letter-spacing: 1px;
  font-weight: 600;
}

.font14a {
  font-size: 14px;
  color: #000;
}

.font14b {
  font-size: 14px;
  color: #eee;
  letter-spacing: 2px;
}

.font14c {
  font-size: 14px;
  color: #585f69;
  letter-spacing: 2px;
}

.font14d {
  font-size: 14px;
  color: #707070;
  letter-spacing: 1px;
}

.font14e {
  font-size: 14px;
  color: #111;
  letter-spacing: 2px;
}

.font14f {
  font-size: 14px;
  color: #ff5c7c;
  letter-spacing: 1px;
}

.myselect div[class="el-input-group__prepend"] {
  border-radius: 20px 0 0 20px;
  overflow: hidden;
}

.myselect div[class="el-input-group__append"] {
  border-radius: 0 20px 20px 0;
  overflow: hidden;
}

.myselect .el-input__inner:hover {
  border: 1px solid #dcdfe6;
}

.myselect .el-input__inner:focus-within {
  border: 1px solid #dcdfe6;
}

.myselect .el-input-group__prepend .el-select .el-input {
  width: 76px;
}